<div class="dux-box am-padding am-text-center">
    <img src="{$share_img}" width="330">
</div>

<div class="am-padding">

    <div class="dux-box">
        <div class="box-header">我的推荐码</div>
        <div class="box-body am-padding">
                <input type="text" class="am-form-field" value="{$sale_code}" readonly>
        </div>
    </div>
    <br>
    <div class="dux-box">
        <div class="box-header">推广链接</div>
        <div class="box-body am-padding">
            <textarea class="am-form-field" readonly>{$share_url}</textarea>
        </div>
    </div>
    <br>
    <div class="am-panel am-panel-secondary">
        <div class="am-panel-hd"><h3 class="am-panel-title">1、第一步，分享</h3></div>
        <div class="am-panel-bd">长按上方图片保存并发送给您的QQ、微信等好友，或推荐朋友注册输入您的推荐码。</div>
    </div>
    <div class="am-panel am-panel-success">
        <div class="am-panel-hd"><h3 class="am-panel-title">2、第二步，购买得佣金</h3></div>
        <div class="am-panel-bd">从您转发的链接或者图片进入商城的好友，他们在商城中注册或购买后您都可以获得分销佣金。</div>
    </div>
    <div class="am-panel am-panel-warning">
        <div class="am-panel-hd"><h3 class="am-panel-title">3、第三步，佣金提现</h3></div>
        <div class="am-panel-bd">您您可以在分销账户中查看您的可提现佣金，好友确认收货后佣金方可提现。</div>
    </div>
</div>